<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"  
      xmlns:h="http://java.sun.com/jsf/html">
    <h:head>
        <title>
            <h:outputText value="Sistema de Seguridad de Aplicaiones - SSA" />
        </title>
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/mainLayout.xhtml">            
            <ui:define name="menuPrincipal">
                <ui:include src="/frmMenu.xhtml"/>
            </ui:define>
             <ui:define name="content" >
                 <style type="text/css">
                    .ui-datatable-header{
                        text-align: left !important;
                    }
                </style>
                 <h:form id="frmGestionarPermisos" onkeypress="if (event.keyCode == 13) return false;">
                     <p:growl showSummary="false" showDetail="true" id="msjFiltro"/>
                     <p:panel id="panUsuarios" header="Asignar Permisos" >
                         <table style="width:100%;" >
                            <thead>
                                <tr>
                                    <td>
                                        <table width="100%" cellpadding="5" cellspacing="8" style="width: 800px;">
                                            <tr>
                                                <td style="width: 110px;"><h:outputText value="Usuario :"/> </td>
                                                <td>
                                                    <p:inputText id="usuario" value="Juan Perez Velasquez" style="width: 240px;" disabled="true">
                                                    </p:inputText>
                                                </td>
                                                <td style="width: 110px;"><h:outputLabel value="Tipo de Usuario" /></td>
                                                <td>
                                                    <p:selectOneMenu  style="width: 200px;" value="1" disabled="true">
                                                        <f:selectItem itemLabel="Interno" itemValue="1" />
                                                        <f:selectItem itemLabel="Externo" itemValue="0" />
                                                    </p:selectOneMenu>                        
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </thead>  
                            <tbody>
                                <tr>
                                    <td>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <p:menubar style="width: 99%;" id="menuOpciones">
                                            <p:menuitem value="Asignar Perfil" icon="ui-icon-document"  url="asignarPerfil.jsf">
                                            </p:menuitem>
                                            <p:menuitem value="Asignar Opciones" icon="ui-icon-pencil"  url="asignarOpciones.jsf">
                                            </p:menuitem>
                                            <p:menuitem value="Salir" icon="ui-icon-arrowreturnthick-1-w" url="usuarios.jsf" >
                                            </p:menuitem>
                                        </p:menubar>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div style="height: 200px; overflow-y: auto;overflow-x:hidden;">
                                        <p:dataTable id="grdPerfiles" var="item" 
                                                     value="#{loginController.lstUsuarios}" 
                                                     rowKey="#{item.nidUsuario}" 
                                                     selection="#{loginController.selectedUsuario}" 
                                                     selectionMode="single" paginator="false" rows="10"
                                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                                     rowsPerPageTemplate="5,10,15,20"
                                                     emptyMessage="Usuario sin perfiles asignados."
                                                     rowIndexVar="index">
                                            <f:facet name="header" >Perfiles Asignados</f:facet>
                                            <p:column width="100" style="text-align: center; width: 100px" >
                                                <f:facet name="header">
                                                    <h:outputText value="Nid usuario"/>
                                                </f:facet>
                                                <div style="text-align: center;" > 
                                                    <h:outputText value="#{item.Nombres}" >
                                                        <f:convertNumber pattern="0000" />
                                                    </h:outputText>
                                                </div>          
                                            </p:column>
                                            <p:column style="text-align: center; width: 120px;">
                                                <f:facet name="header">
                                                    <h:outputText value="NId Autorizacion"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 100px">
                                                <f:facet name="header">
                                                    <h:outputText value="Nid Modulo"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 100px">
                                                <f:facet name="header">
                                                    <h:outputText value="Nid Perfil"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Territorial"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Organizacional"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 60px">
                                                <f:facet name="header">
                                                    <h:outputText value="Consulta"/>
                                                </f:facet>                                                
                                                <p:selectBooleanCheckbox disabled="true" value="#{item.Nombres == '1'}"/>
                                            </p:column>
                                            <p:column style="text-align: center; width: 60px">
                                                <f:facet name="header">
                                                    <h:outputText value="Activo"/>
                                                </f:facet>                                                
                                                <p:selectBooleanCheckbox disabled="true" value="#{item.Nombres == '1'}"/>
                                            </p:column>
                                            <p:column  style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Registro"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Incio"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column  style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Termino"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                        </p:dataTable>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div style="height: 200px; overflow-y: auto;overflow-x:hidden;">
                                        <p:dataTable id="grdOpciones" var="item" 
                                                     value="#{loginController.lstUsuarios}" 
                                                     rowKey="#{item.nidUsuario}" 
                                                     selection="#{loginController.selectedUsuario}" 
                                                     selectionMode="single" paginator="false" rows="10"
                                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                                                     rowsPerPageTemplate="5,10,15,20"
                                                     emptyMessage="Usuario sin opciones asignadas."
                                                     rowIndexVar="index">
                                            <f:facet name="header" >Opciones Asignadas</f:facet>
                                            <p:column width="100" style="text-align: center; width: 100px" >
                                                <f:facet name="header">
                                                    <h:outputText value="Nid usuario"/>
                                                </f:facet>
                                                <div style="text-align: center;" > 
                                                    <h:outputText value="#{item.Nombres}" >
                                                        <f:convertNumber pattern="0000" />
                                                    </h:outputText>
                                                </div>          
                                            </p:column>
                                            <p:column style="text-align: center; width: 120px;">
                                                <f:facet name="header">
                                                    <h:outputText value="NId Autorizacion"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 100px">
                                                <f:facet name="header">
                                                    <h:outputText value="Nid Modulo"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 100px">
                                                <f:facet name="header">
                                                    <h:outputText value="Nid Perfil"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Territorial"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Unidad Organizacional"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 60px">
                                                <f:facet name="header">
                                                    <h:outputText value="Consulta"/>
                                                </f:facet>                                                
                                                <p:selectBooleanCheckbox disabled="true" value="#{item.Nombres == '1'}"/>
                                            </p:column>
                                            <p:column style="text-align: center; width: 60px">
                                                <f:facet name="header">
                                                    <h:outputText value="Activo"/>
                                                </f:facet>                                                
                                                <p:selectBooleanCheckbox disabled="true" value="#{item.Nombres == '1'}"/>
                                            </p:column>
                                            <p:column  style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Registro"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Incio"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                            <p:column  style="text-align: center; width: 150px">
                                                <f:facet name="header">
                                                    <h:outputText value="Fecha de Termino"/>
                                                </f:facet>                                                
                                                <h:outputText value="#{item.Nombres}" />                                                
                                            </p:column>
                                        </p:dataTable>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                     </p:panel>
                 </h:form>
                     
             </ui:define>
        </ui:composition>
    </h:body>
</html>